{%include "topo_180plus.html"%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil">
					<div class="barra_inf">
						<p class="titulo">Por favor, fa&ccedil;a seu login ou cadastre-se para continuar.</p>
					</div>
					<div class="box-cadastro-user">
						<div class="box_titulo">					
							<h4 class="titulo_anuncio">Cadastre-se</h4>
						</div>
						<form enctype="multipart/form-data" action="/cadastrarUser/" method="post"> {% csrf_token %}
						{{ form.non_field_errors }}
							<div>
								<div>
									<p>Nome:</p>
									{{form.nome}}{{form.nome.errors}}
								</div>
								<div>
									<p>Email:</p>					
									{{form.email}}{{form.email.errors}}
								</div>
								<div>
									<p>Cidade:</p>					
									{{form.cidade}}{{form.cidade.errors}}
								</div>
								<div>
									<p>CPF:</p>					
									{{form.cpf}}{{form.cpf.errors}}
								</div>
								<div>
									<p>Telefone:</p>					
									{{form.telefone}}{{form.telefone.errors}}
								</div>
								<div>
									<p>Foto:</p>
									{{form.foto}}{{form.foto.errors}}
								</div>
								<div>
									<p>Endere&ccedil;o:</p>					
									{{form.endereco}}{{form.endereco.errors}}
								</div>
								<div>
									<p>CEP:</p>					
									{{form.cep}}{{form.cep.errors}}
								</div>
								<div>
									<p>Senha:</p>					
									{{form.senha}}{{form.senha.errors}}
								</div>
								<div>
									<button class="btn_publicar">Finalizar Cadastro</button>
								</div>
							</div>
						</form>					
						<div class="box-login-user">
							<div class="box_titulo">					
								<h4 class="titulo_anuncio">J&aacute; tem conta? Fa&ccedil;a seu login</h4>
							</div>
							<form action="/login/" method="post">
								{%csrf_token%}
								<div>
									<div>
										<p>Usu&aacute;rio:</p><input type="text" name = "username" value="Nome de usu&aacute;rio ou email" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
									</div>
									<div>
										<p>Senha:</p><input type="password" name = "password" value="Senha" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>					
									</div>
									<input type="submit" class="logar_input" value="Entrar" />
								</div>
							</form>
						</div>
					</div>
				</div>
				<div id="box_direita">
					<div class="aviso">
						<p class="title">IMPORTANTE</p>
						<p>Ser&aacute; enviado um email de confirma&ccedil;&atilde;o para voc&ecirc;</p>
						<p>An&uacute;ncios com conte&uacute;do pro&iacute;bido ser&atilde;o apagados</p>
					</div>
				</div>
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="{{MEDIA_URL}}imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>